<template>
  <div>
    <h4>方案名称： 教职工社保缴纳方案</h4>
    <el-table :data="grades">
      <el-table-column
        prop="gradeCode"
        label="险种名称"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="gradeName"
        label="单位缴纳比例"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="sort"
        label="个人缴纳比例"
        align="center"
      ></el-table-column>
       <el-table-column
        prop="sort"
        label="缴纳上线"
        align="center"
      ></el-table-column>
       <el-table-column
        prop="sort"
        label="缴纳下限"
        align="center"
      ></el-table-column>
    </el-table>
    <p>适用范围</p>
    <p>
        <el-tag type="success">四川城院/计算机学院</el-tag>
        <el-tag type="success">四川城院/职能部门/质量部</el-tag>
    </p>
  </div>
</template>

<script>
export default {
  name: "basic",
  data() {
    return {
      dialogForm:false,
      addDialogForm:false,
      queryParams: {
        employeeCode: null,
        employeeName: null,
        employeeTel: null,
        employeeJoinStatus: null,
        employeeFormalStatus: null,
        employeeLeaveStatus: null,
        employeeRetiredStatus: null,
        current: 1, //当前页码
        size: 10, //每页显示数量
      },
      grades: [
        {
          gradeCode: "养老保险",
          gradeName: "12%",
          sort: "534元",
        },
         {
          gradeCode: "医疗保险",
          gradeName: "12%",
          sort: "534元",
        }
      ],
    };
  },
    methods: {
   

    
  },
};
</script>

<style lang="scss" scoped>
.el-table {
  margin-top: 20px;
}
.el-tabs {
  margin: 0 20px;
}
.el-tabs__item {
  font-size: 16px;
  font-weight: bold;
}
.el-dropdown-link {
  cursor: pointer;
  color: #409eff;
}
.el-icon-arrow-down {
  font-size: 12px;
}
.el-link{
    margin: 10px;
}
.add{
    float: right;
    margin:20px;
}
.el-tag{
    margin-right: 10px;
}
</style>

